<!DOCTYPE html>
<html lang="en">

<head>
    <!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
    <link href="../vendor/bootstrap-grid.css" rel="stylesheet">
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/favicon.ico">
    <link rel="icon" type="image/png" href="../assets/img/favicon.ico">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
        name='viewport' />



    <!-- Font Awesome Icons -->
    <!-- <link rel="stylesheet" href="#" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="#" crossorigin="anonymous">

    <!-- Main CSS -->
    <link href="../assets/css/main.css" rel="stylesheet" />
	<link href="../assets/layui/css/layui.css" rel="stylesheet">
	<link href="../assets/layui/cascader/cascader.css" rel="stylesheet">
    <!-- Animation CSS -->
    <link href="../vendor/aos.css" rel="stylesheet" />
    <style>
        .col,
        .selControlItem,
        .selControl {
            /* display: flex;
            justify-content: space-between; */
        }

        .form-control {
            /* width: 82%; */
        }

        label {
            width: 17%;
            line-height: 38.8px;
        }

        #probation {
            padding: 0 30px;
        }

        .productDefin {
            width: 17%;
        }

        .selControl {
            width: 100%;
        }



        .definition {
            display: none;
        }

        .selShow {
            display: block !important;
        }
        .selRadio{
            width: 82%;
            line-height: 38.8px;
        }
        .selRadio span{
            padding-right: 30px;
        }
        input[type='radio']{
            margin-right: 10px;
        }
		.layui-form-label{
			width: 120px;
		}
		.selControlItem {
		    width: 82%;
		    padding-bottom: 15px;
		}

		.selControlItem span {
		    line-height: 38.8px;
		}

		.table tr:last-child {
		    border: none;
		}

		.table tr th {
		    background-color: #4476A7;
		    color: #fff;
		    font-weight: 400;
		    text-align: center;
		    position: relative;
		}

		.table tr th::after {
		    content: '';
		    width: 1px;
		    height: 12px;
		    position: absolute;
		    right: 0;
		    background-color: #fff;
		    top: 50%;
		    transform: translateY(-50%);
		}

		.table tr th:last-child::after {
		    content: '';
		    width: 0;
		    height: 0;
		    background-color: transparent;
		}

		.table tr td {
		    text-align: center;
		    border: 1px solid green;
		    border-top: 1px solid green;
		    vertical-align: baseline;
		    position: relative;
		}

		.table tr td select {
		    width: 80%;
		    outline: none;
		    border: none;
		    appearance: none;
		    -webkit-appearance: none;
		    -moz-appearance: none;
		}

		table tr td input {
		    outline: none;
		    border: none;
		    text-align: center;
		    width: 100%;
		}

		table tr td:last-child {
		    border: none;
		}
		/* 火狐样式 */
		@media screen and (min--moz-device-pixel-ratio:0) {
			#controlSet tr td>input,#priceSet tr td>input {
				margin-top: -30px;
				display: block;
			}
		}
		.layui-input-block .ruleChoose{
			position: absolute;
			top: 10px;
		}
		.layui-input-block .ruleChooseBtn{
			text-decoration:underline !important;
			cursor: pointer;
		}
		.layui-input-block .ruleChooseSelect{

		}
		.layui-input-block .ruleChooseTip{

		}
		.show{
			display: block;
		}
		.hide{
			display: none;
		}

    </style>
</head>

<body>


    <!-------------------------------------- PRICING --------------------------------------->
    <section class="pt-4 pb-5">
        <div class="col-md-12" id="probation">
            <form id="form1" class="layui-form" lay-filter="productRegisterForm" >
				<div class="layui-form-item">
				    <label class="layui-form-label">产品类别：</label>
				    <div class="layui-input-block productType">
				      <input type="radio" name="productType" value="3" lay-filter="productType" title="算法产品" checked>
				      <input type="radio" name="productType" value="5" lay-filter="productType" title="应用产品" >
				      <input type="radio" name="productType" value="6" lay-filter="productType" title="混合套餐" >
				    </div>
				</div>

				<div class="row form-group notPackage">
					<div class="col">
						<label class="layui-form-label"><span style="color: red;">*</span>产品名称：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="text" class="form-control" required name="productName">
						</div>
					</div>
					<div class="col algProduct">
						<label class="layui-form-label"><span style="color: red;">*</span>算法名称：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="text" class="form-control" name="algName" lay-filter="algName" required>
						</div>
					</div>
				</div>
				<div class="row form-group applyProduct disabledNone">
					<div class="col">
						<label class="layui-form-label">混合套餐：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<select class="form-control selectProductMixName" lay-filter="selectProductMixName">
								<option value="">请选择混合套餐</option>
							</select>
							<span class="selectProductMixTip disabledNone" style="display: block;font-size: 12px;padding-top:10px;color: red;">暂无可选择的混合套餐，请先注册混合套餐</span>
						</div>
						
					</div>
					
				</div>
				<div class="row form-group Package disabledNone">
					<div class="col">
						<label class="layui-form-label"><span style="color: red;">*</span>混合套餐名称：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="text" class="form-control" name="productMixName">
						</div>
					</div>
					
				</div>
				<div class="row form-group Package disabledNone">
					<div class="col">
						<label class="layui-form-label">数据产品：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="text" class="form-control" id="PackageDataProductCas">
<!--							<select class="form-control PackageDataProduct" name="PackageDataProduct">-->
<!--								<option value="">请选择数据产品</option>-->
<!--							</select>-->
						</div>
					</div>
					<div class="col">
						<label class="layui-form-label">算法产品：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="text" class="form-control" id="PackageAlgProductCas">
<!--							<select class="form-control PackageAlgProduct" name="PackageAlgProduct">-->
<!--								<option value="">请选择算法产品</option>-->
<!--							</select>-->
						</div>
					</div>
				</div>
				
				<div class="row form-group notPackage">
					<div class="col">
						<label class="layui-form-label"><span style="color: red;">*</span>关键词：</label>
						<div class="layui-input-block" style="margin-left: 120px;"><input id="keywordCas"  style="display: block;width: 100%;height: calc(2.3rem + 2px);padding: 0.35rem 1.2rem;font-size: 1rem;line-height: 1.6;border: 1px solid #ced4da;"/></div>
					</div>
					<div class="col">
						<label class="layui-form-label"><span style="color: red;">*</span>分类：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="text" class="form-control" required="" name="typeIdList" id="typeIdListCas">
						</div>
					</div>

				</div>
				<div class="row form-group notPackage">
					<div class="col algProduct">
						<label class="layui-form-label">算法类别：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<select class="form-control" name="">
								<option value="0">静态函数</option>
								<option value="1">动态库</option>
								<option value="1">本机进程</option>
								<option value="1">远程算法平台</option>
							</select>
						</div>
					</div>
					<div class="col algProduct">
						<label class="layui-form-label"><span style="color: red;">*</span>审核方式：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<select class="form-control" name="isAudit">
								<option value="0">自动审核产品订单</option>
								<option value="1">人工审核产品订单</option>
							</select>
						</div>
					</div>
				</div>
				<div class="row form-group notPackage">
					<div class="col">
						<label class="layui-form-label"><span style="color: red;">*</span>产品简介：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="text" class="form-control" required="" name="brief" maxlength="100">
						</div>
					</div>
					<div class="col">
						<label class="layui-form-label"><span style="color: red;">*</span>详细说明：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
						<textarea class="form-control" required="" name="detail" placeholder="请输入详细说明,字数在200个字以内"  maxlength="200"></textarea>
						</div>
					</div>

				</div>
				<!-- <div class="row form-group params notPackage">
					<div class="col algProduct">
						<label class="layui-form-label">输入参数设置</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<textarea class="form-control" name="exportParam" placeholder="请填写输入参数"  maxlength="150"></textarea>
						</div>
					</div>
					<div class="col algProduct">
						<label class="layui-form-label">输出参数设置</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<textarea class="form-control" name="exportParam" placeholder="请填写输出参数"  maxlength="150"></textarea>
						</div>
					</div>
				</div> -->
                <div class="row form-group">
					<div class="col">
						<label class="layui-form-label">产品定义：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<textarea class="form-control" name="definition" placeholder="请填写产品定义,字数在150个字以内"  maxlength="150"></textarea>
						</div>
					</div>
					<div class="col">
						<label class="layui-form-label"><span style="color: red;">*</span>是否需要监管使用：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<select class="form-control" name="isControl">
								<option value="0">不需要</option>
								<option value="1">需要</option>
							</select>
						</div>
					</div>
<!--                	<div class="col notPackage">-->
<!--                		<label class="layui-form-label">编程说明：</label>-->
<!--                		<div class="layui-input-block" style="margin-left: 120px;">-->
<!--                			<textarea class="form-control" name="programming" placeholder="请填写编程说明,字数在150个字以内"  maxlength="150"></textarea>-->
<!--                		</div>-->
<!--                	</div>-->
<!--                	<div class="col">-->
<!--                		<label class="layui-form-label">备注：</label>-->
<!--                		<div class="layui-input-block" style="margin-left: 120px;">-->
<!--                			<textarea class="form-control" name="remark" placeholder="请填写备注"  maxlength="150"></textarea>-->
<!--                		</div>-->
<!--                	</div>-->
                </div>
				<div class="row form-group notPackage" style="display: none">
					<label class="layui-form-label">输入参数设置</label>
					<div class="col-md-12 " style="margin :10px auto;">
						<div class="mb-5 control">
							<table class="table" id="inputProductParamTable">
								<thead>
								<tr>
									<th style="width: 60px;">序号</th>
									<th>参数key</th>
									<th>参数名称</th>
									<th>参数类型</th>
									<th>默认值</th>
<!--									<th>是否必填</th>-->
									<th>备注</th>
									<th style="width: 150px;">
										<button class="layui-btn layui-btn-xs addServiceInputParamItem" type="button">新增</button>
									</th>
								</tr>
								</thead>
								<tbody>

								</tbody>

							</table>
						</div>
					</div>

				</div>
				<div class="row form-group notPackage" style="display: none">>
					<label class="layui-form-label">输出参数设置</label>
					<div class="col-md-12" style="margin: 10px auto;">
						<div class="control mb-5" >
							<table class="table" id="outputProductParamTable">
								<thead>
								<tr>
									<th style="width: 60px;">序号</th>
									<th>参数key</th>
									<th>参数名称</th>
									<th>参数类型</th>
<!--									<th>关系类型</th>-->
<!--									<th>是否必填</th>-->
									<th>备注</th>
									<th style="width: 150px;">
										<button class="layui-btn layui-btn-xs addServiceOutputParamItem" type="button">新增</button>
									</th>
								</tr>
								</thead>
								<tbody>

								</tbody>

							</table>
						</div>
					</div>
				</div>
                
				<div class="row form-group notPackage">
					<div class="col">
						<label class="layui-form-label"><span style="color: red;">*</span>是否可以试用：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<select class="form-control" name="isTry">
								<option value="0">不可以</option>
								<option value="1">可以</option>
							</select>
						</div>
					</div>
					
					<div class="col notPackage">
						<label class="layui-form-label"><span style="color: red;">*</span>是否需要可信认证：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<select class="form-control" name="isAuth">
								<option value="0">不需要</option>
								<option value="1">需要</option>
							</select>
						</div>
					</div>
				</div>
				<div class="row form-group ">
					<div class="col">
						<label class="layui-form-label">参数设置：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="file" accept="*" id="paramsFile" class="form-control" style="font-size: 12px;">
						</div>
					</div>
					<div class="col algProduct" >
						<label class="layui-form-label">算法文件：</label>
						<div class="layui-input-block" style="margin-left: 120px;">
							<input type="file" accept="*" id="algorithmFile" class="form-control" style="font-size: 12px;">
						</div>
					</div>
				</div>
				<div class="layui-form-item notPackage">
					<label class="layui-form-label">展示图标：</label>
					<div class="layui-input-block" style="margin-left: 120px;">
						<input type="file" accept="image/*" id="customFile" class="form-control" style="font-size: 12px;">
						<span style="display: block;font-size: 12px;padding-top:10px;">(建议像素采用像素宽高600x300，或等比例像素)</span>
					</div>
				</div>
				<div class="layui-form-item notPackage">
					<div class="col">
						<img src="" id="productIconUrl" style="max-width: 300px;max-height: 150px;margin-left: 105px;"/>
					</div>
				</div>
					<div class="row controlRuleTypeBox form-group notPackage">
						<div class="col">
							<label class="layui-form-label" style="height: 120px;">可见规则：</label>
<!--							<div class="layui-input-block inherit ">-->
<!--								<input type="radio" name="controlRuleType" value="1" lay-filter="controlRuleType" title="继承数据资源所属数据通道规则" checked>-->
<!--								<a class="ruleChoose ruleChooseBtn">详情（进入规则集查看界面不允许编辑）</a>-->
<!--							</div>-->
							<div class="layui-input-block">
								<input type="radio" name="controlRuleType" value="2" lay-filter="controlRuleType" title="重新选择规则" >
								<a class="ruleChoose ruleChooseSelect disabledNone" style="margin-top: -10px;">
									<input class="form-control" style="width:50%;" lay-filter="buyRuleId" id="controlRuleCas">
								</a>
							</div>
							<div class="layui-input-block">
								<input type="radio" name="controlRuleType" value="3" lay-filter="controlRuleType" title="重新制定规则" >
								<a class="ruleChoose ruleChooseBtn disabledNone">编辑（进入规则集编辑界面，允许编辑，生成规则集自动成为当前数据产品的对应规则集）</a>
							</div>
							<div class="layui-input-block">
								<input type="radio" name="controlRuleType" value="4" lay-filter="controlRuleType" title="不要任何规则任何人可见" >
								<a class="ruleChoose ruleChooseTip disabledNone">（完全开放可见）</a>
							</div>
						</div>
					</div>
					<div class="row buyRuleTypeBox form-group notPackage">
						<div class="col">
							<label class="layui-form-label" style="height: 120px;">申购规则：</label>
<!--							<div class="layui-input-block inherit ">-->
<!--								<input type="radio" name="buyRuleType" value="1" lay-filter="buyRuleType" title="继承数据资源所属数据通道规则" checked>-->
<!--								<a class="ruleChoose ruleChooseBtn">详情（进入规则集查看界面不允许编辑）</a>-->
<!--							</div>-->
							<div class="layui-input-block">
								<input type="radio" name="buyRuleType" value="2" lay-filter="buyRuleType" title="重新选择规则" >
								<a class="ruleChoose ruleChooseSelect disabledNone" style="margin-top: -10px;">
									<input class="form-control" style="width:50%;" lay-filter="buyRuleId" id="buyRuleCas">
								</a>
							</div>
							<div class="layui-input-block">
								<input type="radio" name="buyRuleType" value="3" lay-filter="buyRuleType" title="重新制定规则" >
								<a class="ruleChoose ruleChooseBtn disabledNone">编辑（进入规则集编辑界面，允许编辑，生成规则集自动成为当前数据产品的对应规则集）</a>
							</div>
							<div class="layui-input-block">
								<input type="radio" name="buyRuleType" value="4" lay-filter="buyRuleType" title="不要任何规则可自由使用" >
								<a class="ruleChoose ruleChooseTip disabledNone">（完全开放自由使用）</a>
							</div>
						</div>
					</div>

                <button type="submit" class="btn btn-cyan btn-round text-white mr-2 mr-2" style="float: right;" id="submitForm">提交</button>
				<button type="submit" class="btn btn-cyan btn-round text-white mr-2" style="float: right;" id="saveForm">保存</button>
            </form>
        </div>
    </section>



    <!-------------------------------------- JAVASCRIPTS --------------------------------------->
    <script src="../vendor/jquery.min.js" type="text/javascript"></script>
    <script src="../vendor/popper.min.js" type="text/javascript"></script>
    <script src="../vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../vendor/share.js" type="text/javascript"></script>
    <script src="../js/functions.js" type="text/javascript"></script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.js"></script> -->
    <script src="../vendor/bootstrap.bundle.js"></script>
    <script src="../assets/layui/layui.js" type="text/javascript"></script>
	<script src="../assets/layui/cascader/cascader.js" type="text/javascript"></script>
    <script src="../js/tool.js" type="text/javascript"></script>

    <!-- Animation -->
    <script src="../vendor/aos.js" type="text/javascript"></script>
	<script src="../js/dataProductRegistr/serviceProductRegistr.js" type="text/javascript"></script>

</body>

</html>
